<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
  <title>主页</title>
</head>
<style type="text/css">
.logo{
  height:100px;
}
.logo_left{
  height: 100px;
  whidth:30%;
  float: left;
}
.logo_right{
  width: 70%;
  float: right;
  text-align: center;
  font-size: 64px;
  height: 100px;
  color: #f0f;
  margin-top: 20px;
}
.nav{
  float: left;
  height: 40px;
  width: 100%;
}
.nav li{
  float: left;
  list-style-type: none;
  width: 250px;
  text-align: center;
  line-height: 10px;
}
.nav a:link,.nav a:visited{
  text-decoration: none;
  color:#FF0066;
  font-size: 16px;
}
.nav a:hover,.nav a:active{
  text-decoration: none;
  color: :#FF0;
  font-size: 16px;
}
</style>
<body background="img/3.jpg">
<div class="wrap"> 
<div class="logo">
  <div class="logo_left">
     <img src="img/5.png">
  </div>
  <div class="logo_right">
    IT     之      家
  </div>
</div><!--logo结束-->
<div class="nav">
  <ul>
    <li><a href="#">个人简介</a></li>
    <li><a href="#">ACM</a></li>
    <li><a href="#">算法学习</a></li>
    <li><a href="#">网页学习</a></li>
    <li><a href="#">日志</a></li>
  </ul>
</div><!--nav结束-->
</div>
<audio  autoplay="autoplay" autoplay="loop">
    <source src="music/你的背包.mp3" type="audio/mp3">  <!-- Chrome --> 
    <source src="music/你的背包.ogg" type="audio/ogg">  <!-- Chrome、Firefox --> 
</audio>
</body>
</html>